<ion-header>

  <ion-toolbar>
    <ion-title>Buttons Icons</ion-title>
  </ion-toolbar>

</ion-header>


<ion-content padding>

  <div>
    <button ion-button icon-left>
      <ion-icon name="home"></ion-icon>
      Left Icon
    </button>
    <a ion-button icon-left>
      <ion-icon name="home"></ion-icon>
      Left Icon
    </a>
  </div>

  <div>
    <button ion-button icon-right>
      Right Icon
      <ion-icon name="star"></ion-icon>
    </button>
    <a ion-button icon-right>
      Right Icon
      <ion-icon name="star"></ion-icon>
    </a>
  </div>

  <div>
    <button ion-button icon-only>
      <ion-icon name="flag"></ion-icon>
    </button>
    <a ion-button icon-only>
      <ion-icon name="flag"></ion-icon>
    </a>
  </div>

  <div>
    <button ion-button large icon-left>
      <ion-icon name="help-circle"></ion-icon>
      Left, Large
    </button>
    <a ion-button large icon-left>
      <ion-icon name="help-circle"></ion-icon>
      Left, Large
    </a>
  </div>

  <div>
    <button ion-button large icon-right>
      Right, Large
      <ion-icon name="settings"></ion-icon>
    </button>
    <a ion-button large icon-right>
      Right, Large
      <ion-icon name="settings"></ion-icon>
    </a>
  </div>

  <div>
    <button ion-button large icon-only>
      <ion-icon name="heart"></ion-icon>
    </button>
    <a ion-button large icon-only>
      <ion-icon name="heart"></ion-icon>
    </a>
  </div>

  <div>
    <button ion-button small icon-left>
      <ion-icon name="checkmark"></ion-icon>
      Left, Small
    </button>
    <a ion-button small icon-left>
      <ion-icon name="checkmark"></ion-icon>
      Left, Small
    </a>
  </div>

  <div>
    <button ion-button small icon-right>
      Right, Small
      <ion-icon name="arrow-forward"></ion-icon>
    </button>
    <a ion-button small icon-right>
      Right, Small
      <ion-icon name="arrow-forward"></ion-icon>
    </a>
  </div>

  <div>
    <button ion-button small icon-only>
      <ion-icon name="search"></ion-icon>
    </button>
    <a ion-button small icon-only>
      <ion-icon name="search"></ion-icon>
    </a>
  </div>

</ion-content>
